<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择游戏模式</title>
		</style>
		<link rel="stylesheet" href="../CSS/login.css" type="text/css" />
	</head>
	<body>
	
		<script src="../JS/login.js" type="text/javascript"></script>
		<div class="container">

			<div class="btn-item">
				<img class="img" src="../IMG/pk.jpg" />
				<div class="info">
					<button id="px" class="btn" onclick="PK() ,'target=_blank'">人机大战</button>
					<p class="text">挑战自己的大脑</p>
				</div>
			</div>
			
			<div class="btn-item">
				<img class="img" src="../IMG/PK1.jpg" />
				<div class="info">
					<button class="btn" onclick="friendPK()" >好友PK</button>
					<p class="text">有一种友谊叫作以棋会友</p>
				</div>
			</div>
			
			<div class="btn-item">
				<img class="img" src="../IMG/PK1.jpg" />
				<div class="info">
					<a target="_blank" class="btn" href = 'http://localhost:3000/'">联机大战</a>

				
					<p class="text">联机更有趣</p>
				</div>
			</div>
			
			<div class="btn-item">
				<img class="img" src="../IMG/login.jpg" />
				<div class="info">
					<button class="btn" onclick="know()">游戏指南</button>
					<p class="text">游戏规则说明书</p>
				</div>
			</div>
		</div>
	</body>
</html>
